<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <title>奇酷内部网</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords"
        content="Report Login Form Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <!-- //Meta tag Keywords -->
    <!-- <link href="//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap" rel="stylesheet"> -->
    <!--/Style-CSS -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css">
    <!--//Style-CSS -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='bootstrap-5.0.2-dist/css/bootstrap.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='Semantic-UI-CSS-master/semantic.min.css')}}" type="text/css">
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background-color: #f8f9fa;
        }
        .card {
            max-width: 400px;
            padding: 80px;
            text-align: center;
            box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
            border-radius: 10px;
            background-color: #ffffff;
            animation: fadeIn 0.5s ease;
        }
        .card-title {
            font-size: 24px;
            color: #007bff;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: scale(0.9); }
            to { opacity: 1; transform: scale(1); }
        }
    </style>
</head>
<body>
<div class="card">
    <div class="card-body">
        <h5 class="card-title">咖啡券消费结果</h5>
        <div class="alert {% if status == 'ok' %}alert-success{% else %}alert-danger{% endif %}" role="alert">
          {{ msg }}
        </div>
    </div>
</div>
</body>
</html>